// state
        /**
         * state 是 Vuex 的核心属性之一，它用于存储应用的状态。在 Vuex 中，state 是响应式的，
         * 当 state 中的数据发生变化时，依赖于这些数据的组件也会自动更新。
         */
        /**
            const store = new Vuex.Store({
                state: {
                    count: 0
                }
            });
        */
// getters
        /**
         *  getters 类似于 Vue 组件中的计算属性（computed properties），它们允许你从 state 中派生出一些状态。
         *  getters 可以用于对 state 中的数据进行过滤、计算等操作，并且可以被组件所使用。
         */
        /**
            const store = new Vuex.Store({
                state: {
                    count: 0
                },
                getters: {
                    doubleCount: state => state.count * 2
                }
            }); 
         */
// mutations
        /**
         * mutations 是 Vuex 中唯一能够直接修改 state 的方法。
         * 每个 mutation 都有一个字符串类型的 type 和一个回调函数。
         * 回调函数就是我们实际修改 state 的地方，并且它会接受 state 作为第一个参数。
         */
        /**
            const store = new Vuex.Store({
                state: {
                    count: 0
                },
                mutations: {
                    increment (state) {
                        state.count++
                    }
                }
            });
         */
// actions
        /**
         * actions 与 mutations 类似，不同的是：
         * actions 提交的是 mutations，而不是直接变更状态。
         * actions 中可以包含任意异步操作（例如 API 调用）。
         */
        /**
            const store = new Vuex.Store({
                state: {
                    count: 0
                },
                mutations: {
                    increment (state) {
                        state.count++
                    }
                },
                actions: {
                    incrementAsync ({ commit }) {
                        setTimeout(() => {
                            commit('increment')
                        }, 1000)
                    }
                }
            });
         */
// modules
        /**
         * 当应用变得很大时，Vuex 允许将 store 分割成多个模块（module）。
         * 每个模块有自己的 state、getters、mutations 和 actions，并且模块之间可以相互嵌套。
         */
        /**
            const moduleA = {
                state: { count: 0 },
                mutations: { increment(state) { state.count++ } },
                actions: { incrementIfOddOnRootSum({ state, commit, rootState }) { } },
                getters: { doubleCount(state) { return state.count * 2 } }
            }

            const store = new Vuex.Store({
                modules: {
                    a: moduleA
                }
            });
         */
// strict
        /**
         * strict 是 Vuex 的严格模式选项，启用后，在非 mutation 函数内修改 state 会抛出错误。
         * 这有助于确保所有的状态变更都通过 mutation 来完成，从而提高代码的可维护性。
         */
        /**
            const store = new Vuex.Store({
                state: { count: 0 },
                mutations: { increment(state) { state.count++ } },
                strict: true
            });
         */
// plugins
        /**
         * Vuex 还支持插件机制，允许你定义一些处理逻辑，比如持久化、日志记录等。
         * 插件是接收 store 作为唯一参数的函数。
         */
        /**
            const myPlugin = store => {
                store.subscribe((mutation, state) => {
                    console.log(mutation.type)
                    console.log(mutation.payload)
                })
            }

            const store = new Vuex.Store({
                state: { count: 0 },
                plugins: [myPlugin]
            });

         */


// 辅助函数（简化访问）
// Vuex 提供 mapState、mapGetters、mapMutations、mapActions 辅助函数：